<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>823680621@qq.com</title>
</head>
<style>
	*{
		margin: 0;padding: 0;
	}
	body{background: gray;}
	.box{
		width: 300px;
		height: 200px;
		margin:50px auto; 
	}
	.box img{
		width: 100%;
		height: 100%;
		-webkit-box-reflect: below 15px -webkit-linear-gradient(
             top,
             rgba(0,0,0,0.8) 0%,
             rgba(0,0,0,0.6) 60%,
             rgba(0,0,0,0) 100%
			);
	}
</style>
<body>
	<div class="box">
		<img src="img/1.jpg">
	</div>
</body>
</html>